<template>
  <RouterView />
</template>
<style>
html, body {
  width: 100%;
  overflow-x: hidden !important;
}

/* 隐藏所有水平滚动条（兼容主流浏览器） */
body {
  overflow-x: hidden;
}

/* 自定义滚动条样式，让上下滚动条更明显 */
::-webkit-scrollbar {
  width: 12px;           /* 垂直滚动条宽度 */
  height: 12px;          /* 水平滚动条高度 */
  background: #f0f0f0;   /* 滚动条轨道颜色 */
}

::-webkit-scrollbar-thumb {
  background: #6d6c6c;   /* 滚动条滑块颜色 */
  border-radius: 8px;    /* 圆角 */
  border: 2px solid #e4e7ed; /* 滑块边框，让滑块更明显 */
}

::-webkit-scrollbar-thumb:hover {
  background: #3f3f3f;   /* 鼠标悬停时更深色 */
}

::-webkit-scrollbar-track {
  background: #e4e7ed;   /* 滚动条轨道颜色 */
  border-radius: 8px;
}
</style>